<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>萤光云</title>
    <script  src="{{ url_for('static',filename='frame/Jstools.js') }}"></script>


    <link rel="stylesheet" href="//cdn.bootcss.com/zui/1.9.1/css/zui.min.css">
    <link href="{{ url_for('static',filename='frame/zui-theme.css') }}" />
    <!-- ZUI Javascript 依赖 jQuery -->
    <script src="//cdn.bootcss.com/zui/1.9.1/lib/jquery/jquery.js"></script>
    <!-- ZUI 标准版压缩后的 JavaScript 文件 -->
    <script src="//cdn.bootcss.com/zui/1.9.1/js/zui.min.js"></script>
    <script src="static/cloud.js" type="text/javascript"></script>
    <style>

    body, html {
        height: 100%;
    }

    .div-css {
        position: fixed;
        left: 50%;
        top: 20%;
        border: 0px solid #c0c0c0;
        width: 400px;
        margin-left: -200px;
        margin-top: -80px;
        margin-left: -200px\9; /* all ie */
        margin-left: -200px\0; /* ie8-9 */
        *margin-left: 90px; /* ie6-7 */
        +margin-left:90px; /* ie7 */
        _margin-left: 90px; /* ie6 */
        margin-top: -80px\9; /* all ie */
        margin-top: -80px\0; /* ie8-9 */
        *margin-top: 30px; /* ie6-7 */
        +margin-top:30px; /* ie7 */
        _margin-top: 30px; /* ie6 */
    }
</style>

   <style>
        *{font-size:9pt;border:0;margin:0;padding:0;}
body{font-family:'微软雅黑'; margin:0 auto;}
ul{display:block;margin:0;padding:0;list-style:none;}
li{display:block;margin:0;padding:0;list-style: none;}
img{border:0;}
dl,dt,dd,span{margin:0;padding:0;display:block;}
a,a:focus{text-decoration:none;color:#000;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#00a4ac;text-decoration:none;}
table{border-collapse:collapse;border-spacing: 0;}
cite{font-style:normal;}
h2{font-weight:normal;}

/*cloud*/

#mainBody {width:100%;height:100%;position:absolute;z-index:-1;}
.cloud {position:absolute;top:0px;left:0px;width:100%;height:100%;background:url(static/images/cloud.png) no-repeat;z-index:1;opacity:0.5;}
#cloud2 {z-index:2;}


/*login*/
.logintop{height:47px; position:absolute; top:0; background:url(static/images/loginbg1.png) repeat-x;z-index:100; width:100%;}
.logintop span{color:#fff; line-height:47px; background:url(static/images/loginsj.png) no-repeat 21px 18px; text-indent:44px; color:#afc5d2; float:left;}
.logintop ul{float:right; padding-right:30px;}
.logintop ul li{float:left; margin-left:20px; line-height:47px;}
.logintop ul li a{color:#afc5d2;}
.logintop ul li a:hover{color:#fff;}
.loginbody {
    background: url(static/images/loginbg3.png) no-repeat center center;
    width: 100%;
    height: 585px;
    overflow: hidden;
    position: absolute;
    top: 47px;
}
.systemlogo {
    background: url(static/images/loginlogo.png) no-repeat center;
    width: 100%;
    height: 71px;
    margin-top: 75px;
}
.loginbox {
    width: 692px;
    height: 336px;
    background: url(static/images/logininfo.png) no-repeat;
    margin-top: 30px;
}
.loginbox ul{margin-top:88px; margin-left:285px;}
.loginbox ul li{margin-bottom:25px;}
.loginbox ul li label{color:#687f92; padding-left:25px;}
.loginbox ul li label a{color:#687f92;}
.loginbox ul li label a:hover{color:#3d96c9;}
.loginbox ul li label input{margin-right:5px;}
.loginuser {
    width: 299px;
    height: 48px;
    background: url(static/images/loginuser.png) no-repeat;
    border: none;
    line-height: 48px;
    padding-left: 44px;
    font-size: 14px;
    font-weight: bold;
}

.loginbtn {
    width: 111px;
    height: 35px;
    background: url(static/images/buttonbg.png) repeat-x;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    line-height: 35px;
}
.loginbm{height:50px; line-height:50px; text-align:center; background:url(static/images/loginbg2.png) repeat-x;position:absolute; bottom:0; width:100%; color:#0b3a58;}
.loginbm a{font-weight:bold;color:#0b3a58;}
.loginbm a:hover{color:#fff;}

        body {
            background-color: #1c77ac;
        }
    </style>

</head>
<body style="height: 100%;">
<div id="mainBody">
        <div id="cloud1" class="cloud"></div>
        <div id="cloud2" class="cloud"></div>
        <div id="cloud3" class="cloud"></div>
    </div>
<div class="div-css" ng-app="ngApp" ng-controller="appCtrl" name="ngBody">


    <div>
        <center>

            <h1>萤光微信第三方代管理</h1>
            <p>欢迎选择萤光产品！</p>
        </center>
    </div>
    <br />
    <br />
    <form class="form-horizontal">

        <div class="input-control has-label-left ">
            <input type="text" class="form-control" placeholder="" id="txt_mid">
            <label for="inputAccountExample2" class="input-control-label-left">商户ID:</label>
        </div>
        <br />
        <div class="input-control has-label-left">
            <input type="text" class="form-control" placeholder="" id="txt_uname">
            <label for="inputAccountExample2" class="input-control-label-left">用户名:</label>
        </div>
        <br />
        <div class="input-control has-label-left">
            <input id="txt_pwd" type="password" class="form-control" placeholder="">
            <label for="inputPasswordExample2" class="input-control-label-left">密码:</label>

        </div>
        <br />
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" id="saveinfo"> 记住登录信息
                    </label>
                </div>
            </div>
        </div>
        <hr />
    </form>
    @Html.ActionLink("注册新商户", "RegisterMerchantView", "Merchant")
    <button class="btn btn-primary col-md-6" style="float:right;" type="button" onclick="return login();"><i class="icon icon-user"></i> 登录</button>


</div>

</body>



</html>